<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>嵩山智慧景区大数据中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="box">
        <div class="header-box">
            <h3>嵩山智慧景区大数据中心</h3>
            <div class="header-tab">
                <a href="./index_1.html"><span>游客数据分析</span></a>
                <a href="./index_2.html"><span>景区运营数据分析</span></a>
                <a href="./index_3.html"><span>景区业态数据分析</span></a>
            </div>
        </div>
        <div class="main-box">
            <!-- 景区运营数据分析 -->
            <div class="main-flex-box">
                <div class="left-box">
                    <div class="chart">
                        <p class="chart-title">景区停车场信息</p>
                        <div class="chart-box chart-flex-box">
                            <div id="chart3-1-1">

                            </div>
                            <div id="chart3-1-2">

                            </div>
                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">车辆来源地</p>
                        <div class="chart-box" id="chart3-2">

                        </div>
                    </div>
                </div>
                <div class="center-box">
                    <div class="center-top center-top-flex ">
                        <div>
                            <h3>今日累计销售门票数</h3>
                            <div class="center-number">
                                <span>0</span>
                                <i>,</i>
                                <span>0</span>
                                <span>0</span>
                                <span>0</span>
                                <i>,</i>
                                <span>8</span>
                                <span>7</span>
                                <span>9</span>
                                <em>人</em>
                            </div>
                        </div>
                        <div>
                            <h3>今日累计门票收入(元)</h3>
                            <div class="center-number">
                                <span>0</span>
                                <i>,</i>
                                <span>8</span>
                                <span>7</span>
                                <span>8</span>
                                <i>,</i>
                                <span>9</span>
                                <span>0</span>
                                <span>0</span>
                                <em>元</em>
                            </div>
                        </div>
                    </div>

                    <div class="chart-center-box" style="margin-top:55px;">
                        <div class="chart">
                            <p class="chart-title">景区客流热力分布图</p>
                            <div class="chart-box" id="chart2-4" style="height:372px;">
                                <div class="chart-img-box"></div>
                                <div class="time-line-box">
                                    <!-- 线 -->
                                    <div class="line-box"></div>
                                    <!-- 时间 -->
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>8:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>9:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>10:00</span>
                                    </div>

                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>11:00</span>
                                    </div>

                                    <div class="time-line-item active">
                                        <a href="javascript:;"></a>
                                        <span>12:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>13:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>14:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>15:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>16:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>17:00</span>
                                    </div>
                                    <div class="time-line-item">
                                        <a href="javascript:;"></a>
                                        <span>18:00</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="right-box">
                    <div class="chart">
                        <p class="chart-title">寻人寻物</p>
                        <div class="chart-box" id="chart3-3">

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">景区交通</p>
                        <div class="chart-box" id="chart2-2">
                            <div class="chart-img-box"></div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="main-bottom-box">
                <div>
                    <p class="bottom-title">少林景区</p>
                    <div class="bottom-content-box">
                        <div class="bottom-content-title">
                            <div class="title-left">
                                <span>实时监控</span>
                                <div class="select-box">
                                    <a href="javascript:;">少林寺景区入口</a>
                                    <ul class="dropDown">
                                        <li>少林寺景区入口1</li>
                                        <li>少林寺景区入口2</li>
                                        <li>少林寺景区入口3</li>
                                    </ul>
                                </div>

                            </div>
                            <span class="title-right">10-03-2019 星期二 14:15:46</span>
                        </div>
                        <div class="video-box">
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                        </div>
                    </div>
                </div>
                <div>
                    <p class="bottom-title">嵩阳景区</p>
                    <div class="bottom-content-box">
                        <div class="bottom-content-title">
                            <div class="title-left">
                                <span>实时监控</span>
                                <div class="select-box">
                                    <a href="javascript:;">嵩阳书院</a>
                                    <ul class="dropDown">
                                        <li>嵩阳书院1</li>
                                        <li>嵩阳书院2</li>
                                        <li>嵩阳书院3</li>
                                    </ul>
                                </div>

                            </div>
                            <span class="title-right"></span>
                        </div>
                        <div class="video-box">
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                        </div>
                    </div>
                </div>
                <div>
                    <p class="bottom-title">中岳景区</p>
                    <div class="bottom-content-box">
                        <div class="bottom-content-title">
                            <div class="title-left">
                                <span>实时监控</span>
                                <div class="select-box">
                                    <a href="javascript:;">景区大厅门口</a>
                                    <ul class="dropDown">
                                        <li>景区大厅</li>
                                        <li>景区入口</li>
                                        <li>景区西门口</li>
                                    </ul>
                                </div>

                            </div>
                            <span class="title-right">10-03-2019 星期二 14:15:46</span>
                        </div>
                        <div class="video-box">
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                            <video src="//s3.pstatp.com/aweme/resource/web/static/image/index/tvc-v3_4138031.mp4"
                                controls></video>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../plugin/jquery-1.11.1.min.js"></script>
    <script src="../plugin/ECharts/echarts.js"></script>
    <script src="../plugin/ECharts/china.js"></script>
    <script src="../js/scroll.js"></script>
    <script src="../js/index_3.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>